html.cur{overflow:hidden;height: 100%;}
html.cur body{overflow:scroll;}
.zbl-imgbox{cursor: pointer;}
#pictureViewer{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.5);z-index: 10000;}
#pictureViewer > .content{background-color: #fff;position: absolute;width:80%;height: 80%;max-width: 800px;max-height: 690px;margin: auto;top: 0;right: 0;bottom: 0;left: 0;border-radius:5px;}
#pictureViewer .menu-bar{width: 100%;margin-bottom: 40px;}
#pictureViewer .menu-bar .handel{width: 32px;height: 32px;float: right;background-repeat: no-repeat;background-position: 50%;cursor: pointer;margin-top: 10px;margin-right: 10px;}
#pictureViewer .menu-bar .handel.miniaturization{background-size: 16px;background-image: url(../pictureViewer/icons/miniaturization_black.png);}
#pictureViewer .menu-bar .handel.close-view{background-image: url(../pictureViewer/icons/close_black.png);background-size: contain;}
#pictureViewer .handel-prev,#pictureViewer .handel-next{display: inline-block;width: 50px;height: 70px;position: relative;top: calc(50% - 120px);background-repeat: no-repeat;background-size: 23px;background-position: 50%;cursor: pointer;}
#pictureViewer .handel-prev{background-image: url(../pictureViewer/icons/prev_blank.png);}
#pictureViewer .handel-next{background-image: url(../pictureViewer/icons/next_blank.png);}
#pictureViewer .picture-content{display: inline-block;width: calc(100% - 100px);height: calc(100% - 164px);position: absolute;margin: 0 auto;left: 0;right: 0;}
#pictureViewer .picture-content .cover{position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;}
#pictureViewer .counter{position: absolute;bottom: 10px;width: 100%;text-align: center;color: #333;font-size: 18px;padding:15px 0 5px;height: 70px;}
#pictureViewer .counter .num{display: block;height:50px;line-height: 25px;}
#pictureViewer .hide{display: none;}
#pictureViewer .left{float: left;}
#pictureViewer .right{float: right;}
#pictureViewer .clear-flex{clear: both;}
#pictureViewer img{max-width: 100%;max-height: 100%;}
@media only screen and (max-width:980px) {
	#pictureViewer > .content{width: 90%;height: 60%;}
	#pictureViewer .picture-content{border: 2px solid #000;}
	#pictureViewer .counter{font-size: 16px;}
}
@media only screen and (max-width:640px) {
	#pictureViewer .menu-bar{margin-bottom: 20px;}
	#pictureViewer .menu-bar .handel{width: 25px;height: 25px;}
	#pictureViewer .picture-content{width:calc(100% - 80px) ;height: calc(100% - 100px);border: 1px solid #000;}
	#pictureViewer .handel-prev,#pictureViewer .handel-next{background-size:16px;width: 40px;height: 50px;top: calc(50% - 80px);}
	#pictureViewer .counter{font-size: 14px;padding-top: 0;}
	#pictureViewer .counter .num{line-height:30px;height:30px;}
}